

@font-face {
    font-family: 'josefin_sansbold';
    src: url('../fonts/josefinsans-bold-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{font-family: 'josefin_sansbold'!important;}
.josefin_sansbold{font-family: 'josefin_sansbold'!important;}

.top_line{
    background-color: #5b5b5b;
    color: #fff;
}

header > div > a > img{width: 300px;}
header > div {padding: 20px 0px;}
.logo{
    font-size: 4rem;
}
.logo > a {
    text-decoration:none;
}


select {
    border-radius: 0px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
/*
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    */
}
.top_search select , .top_search input , .top_search button {float: left;}
.top_search button{
    border-radius: 0px;
}
.top_search select{
    width: 20%!important;
}
.top_search input{
    width: 53%!important;
}
.top_search button{
    width: 25%!important;
}




/*下拉菜单
nav {margin:0px auto;text-align:center;}
nav > div > ul {width:100%;}
nav ul ul {display:none;}
nav ul li:hover > ul {display:block;}
nav ul {background:#efefef;background:linear-gradient(top,#0c3761 0%,#062441 100%);background:-moz-linear-gradient(top,#0c3761 0%,#062441 100%);background:-webkit-linear-gradient(top,#0c3761 0%,#062441 100%);box-shadow:0px 0px 9px rgba(0,0,0,0.15);padding:0 20px;border-radius:5px;list-style:none;position:relative;display:inline-table;}
nav ul:after {content:"";clear:both;display:block;}
nav ul li {float:left;}
nav ul li:hover {background:#4b545f;background:linear-gradient(top,#4f5964 0%,#5f6975 40%);background:-moz-linear-gradient(top,#4f5964 0%,#5f6975 40%);background:-webkit-linear-gradient(top,#4f5964 0%,#5f6975 40%);}
nav ul li:hover a {color:#fff;}
nav > div > ul > li > a {font-size:2rem;}
nav ul li a {display:block;padding:15px 40px;color:#fff;text-decoration:none;}
nav ul ul {background:#5f6975;border-radius:0px;padding:0;position:absolute;top:100%;z-index:10000;}
nav ul ul li {float:none;border-top:1px solid #6b727c;border-bottom:1px solid #575f6a;position:relative;}
nav ul ul li a {padding:15px 40px;color:#fff;}
nav ul ul li a:hover {background:#4b545f;}
nav ul ul ul {position:absolute;left:100%;top:0;}
*/
.navbox {
    background:#efefef;
    background:linear-gradient(top,#0c3761 0%,#062441 100%);
    background:-moz-linear-gradient(top,#0c3761 0%,#062441 100%);
    background:-webkit-linear-gradient(top,#0c3761 0%,#062441 100%);
    box-shadow:0px 0px 9px rgba(0,0,0,0.15);
    border-radius:5px;
}
.navbox > div > ul > li > a,.navbox > div > a {
    color:#fff!important;
}
.navbox > div > ul > .active > a,.navbox > div > ul > .open > a {
    color:#062441!important;
}
.navbox > div > ul > li:hover {
    background-color:#e7e7e7!important;
}
.navbox > div > ul > li > a:hover {
    color:#062441!important;
}


.banner{
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
}
.banner > div{
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
}
.carousel-inner > div > a > img{
	width: 100%;
}

.nbanner{
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
}
.nbanner img{
    width: 100%;
}


.heading{
	border-bottom: 16px solid #062441;
    padding-left: 36px;
    margin: -22px 0px 30px !important;

}
.heading:after{
	content: "";
    display: table;
    clear: both;
}
.heading h1{
    padding: 0 22px;
    position: relative;
    bottom: -22px;
    max-width: 90%;
    background-color: #fff;
    color: #444;
    float: left;
}

.heading2{
    border-bottom: 2px solid #062441;
    margin: 0px 0px 10px !important;
}
.heading2:after{
    content: "";
    display: table;
    clear: both;
}
.heading2 h2{
    padding: 0 22px;
    position: relative;
    max-width: 90%;
    background-color: #fff;
    font-size: 20px;
    color: #444;
    float: left;

}




.detail_message{
    line-height: 2rem;
}


.detail{
    line-height: 2rem;
}

.detail img{
    max-width: 100%;
    display: block;
    margin: 10px auto;
}







/*
.link {
    padding-top:  5px;
    padding-bottom: 5px;
}
.link a{
    padding: 0px 5px;
    border-right: 1px solid rgb(45, 45, 45);
    line-height: 0.8rem;
}
.link a:last-child{
    border-right: none;
}
*/

footer{
    background-color: #424242;
}
footer h4{
    color: #fff;
}
.copyright{
    padding: 10px;
    border-top: 2px solid #585657;
    background-color: #202020;
    color: #5b5b5b;

}
.copyright:after{
    content: "";
    display: table;
    clear: both;
}


.copyright p:first-child{
    
}
.copyright p:last-child {
    text-align: right;
}





/*
.copyright a:before{
    padding-left: 10px;
    content: " /";

}
.copyright a:after{
    padding-right: 10px;
    content: " /";
}
*/

@media (min-width:1200px){
    .container{width: 1200px!important;}
}



@media (max-width:720px){
    .banner{
        height: 200px;
    }
    .swiper-button-next ,.swiper-button-prev{display: none;}
    .copyright p:first-child{
        width: 100%;
        text-align: center;
    }
    .copyright p:last-child {
        width: 100%;
        text-align: center;
    }

}






/*** 重置 Reset ***/

.thumbnail{
	border-top:none;
	border-right: none;
	border-left: none;
	border-bottom: 2px solid #444;
	padding:0px;
	border-radius: 0px;
}

.thumbnail > div > h3 {
    background-color: #fff;
    height: 60px;
    width: 90%;
    font-size: 2rem;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    transition: all 0.20s ease-in-out;
    -webkit-transition: all 0.20s ease-in-out;
    -moz-transition: all 0.20s ease-in-out;
    -o-transition: all 0.20s ease-in-out;
    -ms-transition: all 0.20s ease-in-out;
}

.thumbnail:hover > div > h3  {background-color:#17aefd;color: #fff;width: 100%;display: block;}

.thumbnail > a > img{max-height: 220px;}

.thumbnail > div > h3 > a{
    display: block;
    width: 100%;padding: 2%;
}
.thumbnail:hover > div > h3 > a{
    color: #fff;
    width: 90%;
    margin-left: auto;
    margin-right: auto;    
}


/*
.thumbnail > div > h3 > a:link 
{background-color:#fff;color: #062441;}

.thumbnail > div > h3 > a:visited 
{background-color:#fff;color: #062441;}

.thumbnail > div > h3 > a:hover 
{background-color:#17aefd;color: #fff;}

.thumbnail > div > h3 > a:active 
{background-color:#fff;color: #062441;}
*/

.thumbnail > div > p > span {
    float: right;
}
.caption {
    padding: 0px!important;
    margin-top: -30px;
}

/*** 重置 Reset End ***/




